#body{
    font-size: 12px;
    color: black;
    background-color:white;
}
.h_heart{
    margin: 10px auto;
    background-color:forestgreen;
}
.h_heart_left{
    width: 16px;
    height: 96px;
    padding:27px 12px;
    /*overflow: hidden;*/
    box-sizing: revert ;
}
.h_heart_right>div{
    /*width: 100px;*/
    height: 150px;
    background:#f5f5f5;

}
.h_heart_div{
    padding: 20px 0;

}
.hhd_li{
    border: 1px solid transparent;
    padding: 10px 15px;
}
.hhd_li_img{
    width: 90px;
    height: 90px;
    vertical-align: middle;

}
.hhr_table{
    width: 185px;
    height: 30px;
    overflow: hidden;
}
.hhr_price{
    font-size: 16px;
    font-weight: bold;
}
.hhr_btn>a{
    display: inline-block;
    padding: 5px 10px;
    color: white;
}
/*个人清秀*/
.h_trigger{
    width: 150px;
    border: 1px solid #d2d2d2;
    /*border-bottom: 0;*/
    padding: 5px 10px;
    z-index: 10;
}
.h_tr{
    transform: rotateY(90deg);
}
.hmn_li{
    margin: 5px 15px;
}
.h_menu-div{
    top: 27px;
    display: none;
    border: 1px solid red;
    z-index: 9;
}
.h_cn:hover .h_trigger{
    border: 1px solid red;
    border-bottom: 1px solid white;
}
.h_cn:hover .h_menu-div{
    display: block;
}
.hmn_li>a:hover{
    color: red;
}

/*品牌*/
.h_brand{
    border: 1px dashed #d2d2d2 ;
}
.h_goods{
    padding: 10px 0;
}
.hg_left{
    width: 80px;
    top: 20px;
    left: -100px;
    padding-left:30px;
}
.hg_div{
    /*height:80px;*/
    margin: 0 130px 0 110px;
    padding: 5px;
}
/*样式高*/
.hg_divStyle{
    min-height: 111px;
    height: auto;
}
.hg_content{
    /*padding-top: 13px;*/
}
.hg_ziMuSort{
    display: none;
}
.hgc_item{
    width: 120px;
    overflow: hidden;
    margin: -1px -1px 0 0;
}
.hgc_a,.hgc_span{
    display: block;
    width: 120px;
    height:54px;
    /*border: 1px solid white;*/
}
.hgc_img{
    /*width: 100%;*/
}
.hgc_span{
    /*top: 0;*/
    text-align: center;
    line-height:52px; ;
    background:white;
    font-size: 18px;
    color: red;
    border: 2px solid red;
}
.hgc_item:hover .hgc_span{
    top: 0;
}
.hgc_item:hover{
    border: 0;
}

.hg_right{
    top: 20px;
    right: -110px;
    padding-right:20px;
}
.hg_right>div{
    height: 20px;
    border: 1px solid #d2d2d2;
    background: white;
    cursor: pointer;
}
.hg_refer{
    width: 18px;
}

.hg_options{
    line-height: 18px;
    padding:0 5px;
}

/*确认取消*/
.hg_yes_no{
    bottom: 3%;
    left: 50%;
    display: none;
}
.hg_botton{
    width: 50px;
    /*height:30px;*/
    color:#d2d2d2;
    text-align: center;
    display: inline-block;
    padding: 3px 0;
    border: 1px solid #d2d2d2;
    cursor: pointer;
}
.hgz_li{
    padding:2px 3px;
    margin-left: -1px;
    margin-right:8px;
    cursor: pointer;
}
/*.hgz_li:hover>.hgz_box {*/
/*    display: block;*/
/*}*/
/*字母样式*/
.hgz_box{
    top: 35px;
    left:0;
    display: none;
}
.hgz_a{
    margin-right: 30px;
    /*display: inline-block;*/
    /*width: 90px;*/
}
.hgz_char{

}
.hgz_choose{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../../img/beautyImg/checkbox_12x12.png);
    vertical-align: middle;
}
/*切换*/
.cursor{
   color: red;
   border: 1px solid red;
}
.checkbox{
    background-image: url(../../img/beautyImg/checkbox_12x12.png);
}
.checked{
    background-image: url(../../img/beautyImg/checked_12x12.png);
}
.hb_filter{
    height: 40px;
    padding: 5px 15px;
}
.hbf_li{
    height: 100%;
    line-height:30px;
    float: left;
}
.hbf_crackLine{
    width: 1px;
    border-right: 1px solid #d2d2d2;
margin: 0 15px;
}
.hbf_li>a{
    height: 100%;
    display: block;
}
.hbf_li>a:hover{
    color: red !important;
}
.hbf_li a:hover span{
    color: red !important;
}
.hbf_inputBox>input{
    width: 90px;
    height:30px;
    border: 1px solid #d2d2d2;
    padding-left: 3px;
}
.hbf_inputBox>span{
    margin: 0 4px;
}

.hbf_verify{
    top: 29px;
    left: 0;
    height: auto;
    background: #efeceb;
    padding: 10px 40px;
    display: none;
}
.hbf_verify>button{
    width: 50px;
    border: 1px solid #d2d2d2;
    cursor: pointer;
    padding: 2px;
}
.hbf_li_right{
    float: right !important;
}
.hbf_btn{
    width: 20px;
    height: 20px;
    line-height: 20px;
    /*border: 1px solid #d2d2d2;*/
    display: inline-block;
    margin: 0 2px;
}
.hbf_btn>i{
    font-size: 20px;
}
/*商品区*/
.hsp_list{
    width: calc(100% - 221px);
    /*height: 600px;*/
    background:white;
}
.hlw_ul{
    flex-flow: row wrap;
}
.hlw_li{
    width: 230px;
    height: auto;
    background-color: white;
    margin: 0 1px;
}
.hlw_box,.hlw_box2{
    padding: 15px 5px;
    margin: 1px;
}

.hlw_boxImg{
    width: 210px;
    height: 210px;
    margin: 0 auto;
    overflow: hidden;
}
.hlw_box:hover{
    border-radius: 21px;
    /*background: linear-gradient(315deg, #bfbfbf, #e3e3e3);*/
    box-shadow:
            0.1px 0px 2.2px -14px rgba(0, 0, 0, 0.094),
            0.2px 0px 5.3px -14px rgba(0, 0, 0, 0.157),
            0.3px 0px 10px -14px rgba(0, 0, 0, 0.214),
            0.4px 0px 17.9px -14px rgba(0, 0, 0, 0.277),
            0.5px 0px 33.4px -14px rgba(0, 0, 0, 0.362),
            1px 0px 80px -14px rgba(0, 0, 0, 0.53)
}


@keyframes polygon-in-opposing-corners {
    from {
        clip-path: polygon(0 0, 50% 50%, 100% 100%, 50% 50%);
    }
    to {
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    }
}

[transition-style="in:square:center"] {
    animation: 2s cubic-bezier(.25, 1, .30, 1) polygon-in-opposing-corners both;
}

.hb_li:hover{
    opacity: 0.6;
}
.hb_ul{
    padding-top: 30px;
}
.hlw_toggle_img{
    width: 30px;
    height: 30px;
    border: 1px solid #d2d2d2;
    padding: 1px;
}
.hlw_toggle_img:hover{
    border: 1px solid red;
}
.hlw_num>p:first-child,.hlw_price{
    color: red !important;
    font-weight: bold;
    font-size: 18px;
}
.hlw_num>p:last-child{
    color: #777777;
}
.hlw_depict>a{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
}

.hlw_line{
    justify-content:center;
}
.hlw_line>a{
    position: relative;
    display:block;
    margin-right:-1px;
    padding: 5px 8px;
    border: 1px dashed #d2d2d2;
}

.hlw_line>a:hover{
    z-index:5;
    border-color: red;
}
.hlw_line span[class^="hl_"]{
    width: 12px;
    height: 12px;
    background-color: red;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}
/*小图展示*/
.hsp_list_thu{
    display: none ;
}
.hlt_li{
    padding: 10px 0;
}
.hl_w40{
    width: 40%;
}
.hlb_img{
    width: 58px;
    height: 58px;
    border: 1px solid #d2d2d2;
    overflow: hidden;
}
.hl_depict{
    width: calc(100% - 70px);
}
.hl_box{
    justify-content: space-around;
}
.hl_depict>div{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hl_price{
    width: 20%;
    text-align: center;
    padding: 20px;

}
.hl_gn{
    width: 30%;
    justify-content: right;
    align-items: center;
}
.hl_a>a{
    margin-right: 8px!important;
}


.hsp_spread{
    width: 221px;
    height: auto;
    /*transition: width 0.4s ease-in;*/
}
.hsp_btn{
    left: 0;
    width: 30px;
   height:30px;
    line-height: 30px;
    text-align: center;
    background-color: #faf2f2;
    cursor: pointer;
}
.top30{
    top: -30px !important;
}
.w101{
    width: 101% !important;
}
.hlp{
    color:red;
    margin-right: 15px;
}
.hlp_originalPrice{
    color: #666666;
    text-decoration: line-through;
}
/*.hlt_ul{*/
/*    !*padding-right: 10px;*!*/
/*}*/
.hlt_li:nth-child(even){
    background-color:#f8f8f8;
}
/*喜欢的*/
/* 猜你喜欢 */

.ftit {
    background: url(https://x.dscmall.cn/themes/ecmoban_dsc2017/images/dian-ico2.png) repeat-x 0 18px;
    overflow: hidden;
    height: 35px;
    text-align: center;
    font-size: 21px;
    line-height: 33px;
}

.ftit h3 {
    background-color: #f8f8f8;
    display: inline;
    padding: 0 50px;
    font-weight: 400;
    font-size: 21px;
    color: #555;
}

.gl-list {
    width: 1390px;
    height: 320px;
}

.gl-list ul {
    width: 1390px;
    height: 275px;
}

.gl-list li {
    margin-right: 12px;
}

.p-panel-main {
    margin: auto;
}

.p-panel-main .gl-list li {
    float: left;
    width: 190px;
    height: auto;
    position: relative;
    z-index: 2;
    margin-right: 5px;
}

.p-panel-main .gl-list li .p-img {
    width: 190px;
    height: 190px;
    position: relative;
}

.p-panel-main .gl-list li .p-img:hover .modalimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
}

.p-panel-main .gl-list li .p-img img {
    width: 100%;
    height: 100%;
}

.p-panel-main .gl-list li .p-price {
    font-size: 20px;
    margin-top: 6px;
    color: #f42424;
}

.p-panel-main .gl-list li .p-name {
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 5px;
    font-size: 12px;
}

.p-panel-main .gl-list li .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.p-panel-main .gl-list li .p-num {
    margin-top: 7px;
    color: #8c8c8c;
}

.p-num em {
    font-weight: bold;
}

.footer-bot {
    font-size: 16px;
}

.button i {
    display: inline-block;
    width: 20px;
    height: 20px;
    /*background: url() no-repeat;*/
    margin-top: 7px;
}
/*对比栏的功能*/
#h_contrastBar{
    display: none;
    top: 75%;
    z-index:9999;
}
#h_contrastBar div,.chen01,.chen01>li,.chen01 div{
    box-sizing: initial;
}
.box1 {
    /*position: fixed;*/
    /*left: 159.5px;*/
    margin: 0 auto;
    display: block;
    /*bottom: 100px;*/
    /*z-index: 9999;*/
    width: 1041px;
    height: 118px;
    box-shadow: 0 0 10px 0 rgb(205 119 35 / 40%);
    /* display: none; */
    -webkit-font-smoothing: antialiased;
    font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hevetica, \\5b8b\4f53, sans-serif;
    color: #555;
    word-break: break-all;
}

.box1-1 {
    float: left;
    width: 12px;
    font-size: 14px;
    color: #fff;
    background: #f42424;
    padding: 27px 12px 28px;
    /* padding: 30px 12px 29px; */
    font-family: "microsoft yahei";
}

.box1-2 {
    border: 2px solid #f42424;
    position: relative;
    background: #fff;
    overflow: hidden;
    width: 1000px;
    float: left;
}

.chen01 {
    color: #ccc;
    height: 62px;
    overflow: hidden;
    padding: 26px 0;
    float: left;
}

.chen01 li {
    float: left;
    overflow: hidden;
    border-right: 1px solid #bfbfbf;
    height: 62px;
    padding: 0 16px 0 20px;
}

.chen01 li .shuC {
    height: 62px;
}

.shuzi {
    float: left;
    margin-right: 10px;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #ccc;
    overflow: hidden;
}

.shuzi h1 {
    font: 36px/48px arial;
    text-align: center;
    line-height: 62px;
}

.wenzi {
    float: left;
    width: 100px;
}

.wenzi span {
    display: block;
    height: 62px;
    line-height: 62px;
    margin-left: -10px;
}

.chen02 {
    width: 128px;
    text-align: center;
    float: left;
    padding: 26px 0;
    height: 62px;
}

.chen02-1 {
    margin-top: 6px;
}

.chen02-2 {
    margin-top: 8px;
}

.chen02 a {
    color: #438cde;
    display: block;
    cursor: pointer;
}

.chen02-1 input {
    height: 30px;
    line-height: 30px;
    border: 1px solid #f42424;
    background: #f42424;
    color: #fff;
    padding: 0 12px;
    font-family: "microsoft yahei";
    font-size: 14px;
    cursor: pointer;
    outline: 0;
}

.chen02-3 {
    position: absolute;
    top: 5px;
    right: 5px;
}

.chen01 li {
    position: relative;
}

.tianjiade {
    float: left;
    overflow: hidden;
    /* border-right: 1px solid #bfbfbf; */
    height: 62px;
    padding: 0 16px 0 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: flex;
    background-color: white;
}

.tianjiade-1 {
    float: left;
    margin-right: 10px;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #ccc;
    overflow: hidden;
}

.tianjiade-1 a img {
    width: 60px;
    height: 60px;
    vertical-align: middle;
    display: inline-block;
}

.tianjiade-2 {
    float: right;
    width: 100px;
}

.tianjiade-2 a {
    height: 3em;
    line-height: 1.5em;
    overflow: hidden;
    display: block;
    color: #333;
}

.tianjiade-2>div {
    margin-top: 8px;
    overflow: hidden;
}

.tianjiade-2>div>span {
    padding-top: 0;
    font-size: 12px;
    color: #999;
    float: left;
}

.tianjiade-2>div>a {
    display: block;
    color: #3a78bf;
    float: right;
    margin-right: 5px;
    cursor: pointer;
    height: 18px;
}





.bor-d2d2{
    border: 1px solid #d2d2d2;
}
.hb-red:hover{
    border: 1px solid red;
}